<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{baseui/head :: head}">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="牧中智慧畜牧大数据云平台"/>
    <meta name="author" content="牧中(上海)物联网科技有限公司"/>
    <link rel="shortcut icon" href="/webjars/images/favicon.png"/>
    <link rel="stylesheet" href="/webjars/js/layui/css/layui.css"  media="all">
    <title>牧中智慧畜牧大数据云平台V1.0</title>


</head>
<style>
    input{


        font-size: 14px;
        color: #0e90d2;

    }

</style>
<body style="background-color:#fff">

    <div class="wrapper wrapper-content" style="margin-top: 50px;">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">

                        <div class="row">



                                <div class='col-sm-6'>
                                    <div class='form-group'>
                                        <label class="col-sm-3 control-label text-right">案由：</label>
                                        <div class="col-sm-8" id="cause_action">
                                            案由XXXXX
                                        </div>
                                    </div>
                                </div>



                                <div class='col-sm-6'>
                                    <div class='form-group'>
                                        <label class="col-sm-3 control-label text-right">借阅人姓名：</label>
                                        <div class="col-sm-8" id="borrower">
                                            借阅人姓名XXX
                                        </div>
                                    </div>
                                </div>



                                <div class='col-sm-6'>
                                        <label class="col-sm-3 control-label text-right">借阅时间：</label>
                                        <div class="col-sm-8" id="created_at">
                                            借阅时间时间的默认值
                                        </div>
                                </div>


                    <!-- 选择是否通过的按钮 -->

                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">是否通过查看：</label>
                                    <label><input name="Fruit" type="radio" checked="checked" value="1" />通过 </label>
                                    <label><input name="Fruit" type="radio" value="-1" />不通过 </label>
                                </div>
                            </div>

                            <div class="row">
                            <div class='col-sm-6'>
                                <div class='form-group'>
                                    <label class="col-sm-3 control-label text-right">借阅时间:</label>
                                    <div class="col-sm-2">
                                        <div class="input-group date datetime col-md-5 col-xs-7" data-min-view="2" data-date-format="yyyy-mm-dd">
                                            <input id="borrow_date" class="form-control" style="width: 90px;" size="16" type="text" value="" placeholder="开始时间" readonly>
                                            <span class="input-group-addon btn btn-primary">
                                                <span class="glyphicon glyphicon-th"></span>
                                            </span>
                                        </div>
                                    </div>
                                    &nbsp;&nbsp;至&nbsp;&nbsp;
                                    <div class="col-sm-2">
                                        <div class="input-group date datetime col-md-5 col-xs-7"
                                             data-min-view="2" data-date-format="yyyy-mm-dd">
                                            <input id="borrow_end_date" class="form-control" style="width: 90px;" size="16" type="text" value="" placeholder="结束时间" readonly>
                                            <span class="input-group-addon btn btn-primary">
                                                <span class="glyphicon glyphicon-th"></span>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </div>

                            <div class='col-sm-6'>
                                    <div class='form-group'>
                                        <label class="col-sm-3 control-label text-right">备注：</label>
                                        <input class="col-sm-6" id="remark"  value=" " type="text" />
                                    </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript" src="/webjars/js/jquery.js"></script>


<script type="text/javascript" src="/webjars/js/jquery.nanoscroller/jquery.nanoscroller.js"></script>
<script type="text/javascript" src="/webjars/js/behaviour/general.js"></script>
<script src="/webjars/js/jquery.ui/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript" src="/webjars/js/jquery.nestable/jquery.nestable.js"></script>

<script type="text/javascript" src="/webjars/js/bootstrap.switch/bootstrap-switch.min.js"></script>
<script type="text/javascript" src="/webjars/js/bootstrap.datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="//cdn.bootcss.com/select2/3.4.5/select2.min.js" type="text/javascript"></script>

<script src="/webjars/js/bootstrap.slider/js/bootstrap-slider.js" type="text/javascript"></script>
<script type="text/javascript" src="/webjars/js/jquery.niftymodals/js/jquery.modalEffects.js"></script>
<script type="text/javascript" src="/webjars/js/jquery.magnific-popup/dist/jquery.magnific-popup.min.js"></script>
<script src="/webjars/js/layui/layui.js" charset="utf-8"></script>
<script src="/webjars/js/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="//cdn.bootcss.com/echarts/3.6.2/echarts.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){

        App.init();



    });




</script>


</body>
</html>
